

const UserBasicInfo = ({ basicInfo }) => {

    return (
        <>
            {basicInfo && <div className="w-full flex flex-col items-start justify-center px-2 m-2 border-2 border-base-300 rounded-lg">
                <div className="text-base font-bold m-2 p-2">基本信息</div>
                <div className=" w-full flex flex-row items-center justify-evenly p-2 m-2">
                    <div className="flex-1 flex flex-col items-center justify-start">
                        <div className="flex flex-row items-center justify-start">
                            <div className="flex-1 text-right text-sm text-[#969696] p-2">区域:</div>
                            <div className="flex-1 text-left text-sm min-w-36 p-2">{basicInfo.provinceName}</div>
                        </div>
                        <div className="flex flex-row items-center justify-start">
                            <div className="flex-1 text-right text-sm text-[#969696] p-2">选科:</div>
                            <div className="flex-1 text-left text-sm min-w-36 p-2 ">{basicInfo.subjects}</div>
                        </div>
                    </div>
                    <div className="flex-1 flex flex-col items-center justify-center">
                        <div className="flex flex-col items-center justify-center">
                            <div className="text-lg font-bold text-primary">{basicInfo.score}</div>
                            <div className="text-sm text-[#969696]">总分</div>
                        </div>
                    </div>
                    <div className="flex-1 flex flex-col items-center justify-center">
                        <div className="flex flex-col items-center justify-center">
                            <div className="text-lg font-bold text-primary">{basicInfo.rank}</div>
                            <div className="text-sm text-[#969696]">位次</div>
                        </div>
                    </div>
                </div>
            </div>
            }
        </>
    )
}

export default UserBasicInfo